<template>
    <div class="tab-style">
        <input type="hidden" v-model="mat=matter">
        <el-tabs v-model="activeName2" type="card" @tab-click="handleClick">
            <el-tab-pane label="最新内容" name="first">
                <index-list :matters=mat></index-list>
            </el-tab-pane>
            <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
            <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
            <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
        </el-tabs>
    </div>
</template>
<style>
    .tab-style {
        width: 650px;
    }
</style>
<script>
  export default {
    props: {
      matter: {
        type: [Array, Object],
        default: []
      }
    },
    data() {
      return {
        mat: [],
        activeName2: 'first'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    },
    mounted() {
        //
        console.log(333)
    }
  };
</script>